<template>
  <div class="demo">
      <h2>名称：{{name}}</h2>
      <h2>地址：{{address}}</h2>
      <button @click="showName">点击提示学校名</button>
  </div>
</template>

<script>
export default {
    // 组件名称
    name:'School',
    // VueComponents 的data数据是需要 一个函数 去返回对象，可能会有不同的地方调用
    data(){ 
        return{
            name:'weirui',
            address:'shanghai'
        }
    },
    methods:{ 
        showName(){ 
            alert(this.name);
        }
    },

}
</script>

<style>
    .demo{
        background-color: pink;
    }
</style>